<%@ taglib prefix="https" uri="http://www.springframework.org/tags" %>
<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2021/11/12
  Time: 13:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<html>
<head>

    <title>在线聊天室</title>
</head>
<style>

    a {
        position: relative;
        padding: 10px 30px;
        margin: 0 45px;
        color: #21ebff;
        text-decoration: none;
        font-size: 20px;
        text-transform: uppercase;
        transition: 0.5s;
        overflow: hidden;
        -webkit-box-reflect: below 1px linear-gradient(transparent, #0003);
    }

    a:hover {
        background: #21ebff;
        color: #111;
        box-shadow: 0 0 50px #21ebff;
        transition-delay: 0.5s;
    }

    a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        border-top: 2px solid #21ebff;
        border-left: 2px solid #21ebff;
        transition: 0.5s;
        transition-delay: 0.5s;
    }

    a:hover::before {
        width: 100%;
        height: 100%;
        transition-delay: 0s;
    }

    a::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #21ebff;
        border-right: 2px solid #21ebff;
        transition: 0.5s;
        transition-delay: 0.5s;
    }

    a:hover::after {
        width: 100%;
        height: 100%;
        transition-delay: 0s;
    }
</style>
<body style="background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);">
<a href="loginout" rel="external nofollow" rel="external nofollow" target="_top" style="position: absolute;top:25px;right:10px;">注销登录</a>
<h1 align="center">欢迎<font color="red">${sessionScope.username}</font>登录</h1>
<br>
<h2 align="center">当前在线人数：<font color="red">${applicationScope.OnlineCount}</font>人</h2>
    <iframe src="display.jsp" width="100%" height="70%" style="border-radius:20px;margin-bottom: 20px; "></iframe>
    <iframe src="input.jsp" width="100%" height="30%" style="border-radius:20px;margin-bottom: 10px;"></iframe>
</body>
</html>
